:root[data-theme='dark'] {
  --primary-color: #177ddc;
  --success-color: #49aa19;
  --warning-color: #d89614;
  --error-color: #a61d24;
  --font-size-base: 14px;
  --heading-color: rgba(255, 255, 255, 0.85);
  --text-color: rgba(255, 255, 255, 0.65);
  --text-color-secondary: rgba(255, 255, 255, 0.45);
  --disabled-color: rgba(255, 255, 255, 0.25);
  --border-radius-base: 2px;
  --border-color-base: #434343;
  --box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.65);
  --background-color-light: #262626;
  --background-color-base: #1f1f1f;
}

.theme-dark {
  --primary-color: #177ddc;
  --background-color: #141414;
  --header-background: #1f1f1f;
  --sidebar-background: #000c17;
  --sidebar-text-color: rgba(255, 255, 255, 0.65);
  --sidebar-active-color: #fff;
} 